<template>
    <div class="Carousel" >
      <v-carousel  cycle height="auto">
        <v-carousel-item
            v-for="(item,i) in carItems"
            :key="i"
            :src="item.src"
        ></v-carousel-item>
      </v-carousel>

    </div>
</template>

<script>
import {mapGetters, mapActions} from 'vuex';
export default {
  name: "Carousel",
  methods:{
    ...mapActions(['fetchItems'])
  },
  computed: mapGetters(["carItems"]),
  created(){
    this.fetchItems()
  },
}
</script>

<style scoped>

</style>
